module.exports = {
  content: [
    "./墨语智学首页.html",
    "./墨语智学测试.html", 
    "./墨语智学登录.html",
    "./墨语智学真题.html"
  ],
  theme: {
    extend: {
      colors: {
        primary: '#2962FF',
        secondary: '#1A237E',
        success: '#4CAF50',
        error: '#F44336',
        // 从登录页面添加的额外颜色
        purple: '#9C27B0' // 用于渐变效果
      },
      borderRadius: {
        'none': '0px',
        'sm': '2px',
        DEFAULT: '4px',
        'md': '8px',
        'lg': '12px',
        'xl': '16px',
        '2xl': '20px',
        '3xl': '24px',
        'full': '9999px',
        'button': '4px' // 首页和真题页使用
      },
      fontFamily: {
        'sans': ['Poppins', 'sans-serif'], // 主要字体
        'noto-sans': ['Noto Sans SC', 'sans-serif'], // 登录页使用
        'zcool': ['ZCOOL XiaoWei', 'serif'] // 登录页logo使用
      },
      // 从样式部分提取的其他扩展
      boxShadow: {
        'card': '0 10px 20px rgba(41, 98, 255, 0.1)', // 卡片悬停效果
        'login': '0 10px 25px -5px rgba(41, 98, 255, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)' // 登录卡片阴影
      },
      // 背景渐变配置
      backgroundImage: {
        'gradient-blue': 'linear-gradient(135deg, #F0F7FF 0%, #E3F2FF 100%)', // 首页背景
        'gradient-primary': 'linear-gradient(90deg, #2962FF, #9C27B0)' // 登录页logo渐变
      },
      // 动画配置
      animation: {
        'fadeIn': 'fadeIn 0.5s ease-in',
        'slideUp': 'slideUp 0.5s ease-out',
        'pulse': 'pulse 1s infinite'
      },
      keyframes: {
        fadeIn: {
          'from': { opacity: 0 },
          'to': { opacity: 1 }
        },
        slideUp: {
          'from': { transform: 'translateY(20px)', opacity: 0 },
          'to': { transform: 'translateY(0)', opacity: 1 }
        },
        pulse: {
          '0%, 100%': { transform: 'scale(1)' },
          '50%': { transform: 'scale(1.05)' }
        }
      }
    }
  },
  plugins: [
    // 可以添加需要的插件
    require('@tailwindcss/forms'), // 如果需要表单样式
    require('@tailwindcss/typography') // 如果需要排版工具
  ]
}